
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Google Maps JavaScript API Example</title>
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyBc78wIqlQ3VZbruK65gJkbfQvvWgdRUAs" type="text/javascript"></script>
        <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript" ></script>
        <script src="http://www.google.com/jsapi" type="text/javascript"></script>

        <script type="text/javascript">

            function load() {
                /* if (GBrowserIsCompatible()) {
                    map = new GMap2(document.getElementById("map"));
                    map.setCenter(new GLatLng(10.762685, 106.682267), 16);
                }*/
                var map;
                var myLatlng =  new google.maps.LatLng(10.762685,106.682267);    
                map = new google.maps.Map(document.getElementById('map'), {
                    zoom: 16,
                    center: myLatlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                });        
                var marker = new google.maps.Marker({
                    position: myLatlng,
                    title: 'US',
                    map: map,
                    draggable: false
                });
                contentString =
                    '  <div style="width:200px;height:100px;background-color:#3883CC;"><br/><br/>'
                    + '<center><h2><b><font style="color:white;">CÔNG TY SOPHA</font></b></h2></center>'
                    + '</div>';
                var infowindow = new google.maps.InfoWindow({
                    content: contentString
                });
                google.maps.event.addListener(marker, 'click', function () {
                    infowindow.open(map, marker);
                });
            }
        </script>
    </head>
    <body onload="load()" onunload="GUnload()">
        <div id="map" style="width: 100%; height: 800px"></div>
    </body>
</html>


<?php
/* $this->widget('application.extensions.gmap.GMap', array(
  'id' => 'gmap', //id of the <div> container created
  'key' => 'AIzaSyBc78wIqlQ3VZbruK65gJkbfQvvWgdRUAs', //goole API key, should be obtained for each site,it's free
  'label' => 'Sopha company', //text written in the text bubble
  'address' => array(
  'address' => '216 Bui Van Ba',
  'city' => 'TPHCM',
  'state' => 'Saigon',
  'country' => 'Vietnam'
  //'zip' => 'XXXXX' - zip or postal code
  )
  )); */
?>